<template>
  <div id="my-component">
    <Nav>
      <template #middle> <h3>我的主页</h3></template>
    </Nav>
    <Land>
      <template #head>
        <img src="../../../src/assets/img/avatar.svg" alt="" />
      </template>
      <template #land>
        <h3>登陆/注册</h3>
        <div class="phone">
          <van-icon name="phone-circle" />
          <span>暂无绑定手机号</span>
        </div>
      </template>
      <template #next>
        <van-icon name="arrow" />
      </template>
    </Land>
    <Account></Account>
    <Item></Item>
  </div>
</template>

<script>
import Nav from "@/components/header/Nav.vue"

//头部登陆
import Land from "@/views/my/my_detail/Land.vue"

import Account from "@/views/my/my_detail/account.vue"

import Item from "@/views/my/my_detail/Item.vue"

export default {
  name: "My",
  components: {
    Land,
    Account,
    Item,
    Nav,
  },
}
</script>

<style lang="less" scoped>
#my-component {
  background-color: #f2f2f2;
}
</style>
